<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html; charset=ISO-8859-1">

	<h:head>
		<h:outputStylesheet name="common-style.css" library="css" />
		<h:outputScript name="locale-primefaces.js" library="js" />
		<h:outputStylesheet library="design/css" name="default_interno.css" />

		
		<!-- 	
		<link type="text/css" rel="stylesheet"	href="#{request.contextPath}/resources/css/common-style.css" />
		<h:outputStylesheet library="themes/css" name="css.css" />
 		-->

		<ui:insert name="head"></ui:insert>
	</h:head>

	<h:body>
		<title><h:outputText value="SINCA" /></title>

		<div class="outer-container">
			<div class="inner-container">
				<div>
				    <!-- 
					<p:panel header="SINCA-Sistema de Informações da Comissão de Anistia" id="pnlCabecaclo" toggleable="true"
						style="height :100%; width : 980px;">
						 -->
						 <h:graphicImage library="themes/imagem" name="cabecalho_1.png" 	style="height : 100px; width : 978px;" />
						<ui:insert name="menu">
							<ui:include src="/templates/menu.xhtml" />
						</ui:insert>
					<!-- 
					</p:panel>
					 -->
				</div>
				<div class="main">
					<div id="menu" style="height: 100%; width: 100%" align="justify">
					</div>
					<div class="content" style="width: 100%">
						<ui:insert name="body" />
					</div>
					<div class="clearer"></div>
				</div>
				<br />
				<div>
					<h:graphicImage library="themes/imagem" name="rodape.jpg"
						width="95%" style=" width : 977px;" />
				</div>
			</div>
		</div>
	</h:body>
</f:view>
</html>